<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            width: 300px;border: 2px solid green;margin:0 auto;
        }
    </style>
</head>
<body>
    <div id="box">
        <span>【小米SU7正式上市 售价21.59万元起】财联社3月28日电，小米集团董事长雷军在小米汽车上市发布会上宣布，小米SU7正式上市。SU7分为标准版本、PRO长续航版和Max版本，其中标准版售价21.59万元，PRO版本售价24.59万元，MAX版本售价29.99万元。小米SU7标准版、Max版4月底启动交付，Pro版5月底启动交付。小米SU7全系长续航，在CLTC工况下标配起步续航为700公里。小米SU7 Max版同时实现2s级零百加速和800km+续航。【小米SU7正式上市 售价21.59万元起】财联社3月28日电，小米集团董事长雷军在小米汽车上市发布会上宣布，小米SU7正式上市。SU7分为标准版本、PRO长续航版和Max版本，其中标准版售价21.59万元，PRO版本售价24.59万元，MAX版本售价29.99万元。小米SU7标准版、Max版4月底启动交付，Pro版5月底启动交付。小米SU7全系长续航，在CLTC工况下标配起步续航为700公里。小米SU7 Max版同时实现2s级零百加速和800km+续航。</span>
        <a href="javascript:;" id="movebtn">更多</a>
     </div>
     <script>
        // 点击事件调用函数
        var obox=document.getElementById('box'),
            aSpan=document.getElementsByTagName('span')[0],
            aBtn=document.getElementsByTagName('a')[0];
        // 拿到span里面的值再去截取
        var otxt=aSpan.innerHTML;
        // console.log(otxt);
        // 初始化,截取0-100个字符串,赋值给span的内容
        aSpan.innerHTML= otxt.substring(0,100);
        var off=true;
        aBtn.onclick=function(){
            if(off){
                aSpan.innerHTML=otxt.substring(0);
                //谁触发函数,谁就是this'
                this.innerHTML="收缩..."
            }else{
                aSpan.innerHTML=otxt.substring(0,100);
                //谁触发函数,谁就是this'
                this.innerHTML="更多..."
            }
            off=!off
        }
     </script>
</body>
</html>